
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript">
		var oldStr;
		var newStr;
		function searchText(str){
			//创建TexrRange对象，指定整个body区域
			
			var myText = document.body.createTextRange();
			if(myText.findText(str)){
				//alert(str);
				//myText.text = "已单击";

				var obj=myText.select();
		    	myText.text= "<font style=\"color: #e4393c ;font-size:250%;\" >" +myText.text+"</font>";
				//myText.text= "xx笑嘻嘻笑嘻嘻系xxx";
				//如果找到文本目标，则将其选中
			}else{
				alert("没有找到匹配字符！");
			}
		}
		function getTheText(){
			oldStr = prompt("输入要查找的内容","");
			//获取用户要查找的内容
			if(oldStr!=null){
				searchText(oldStr); 
			}
		}
		function replaceText(){
			if(oldStr==null){
				alert("请输入查找内容");
			}else{
				newStr = prompt("替换为","");
				if(newStr!=null){
					var selectText = document.selection.createRange();
					//选中文本
					selectText.text = newStr;
					//替换选中的文本为新文本
				}else{
					alert("请输入替换的内容");
				}
			}
		}
	</script>
<body>


		<input type="button" value="查找" onclick="getTheText()" />
		<input type="button" value="替换" onclick="replaceText()" />
		<p id="pre">
			你好，我是谁，我在哪，我要做什么
		</p>
	</body>
</html>